﻿<common:LayoutAwarePage
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:StudyTime_1"
    xmlns:common="using:StudyTime_1.Common"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
   
  xmlns:UI="using:Microsoft.Advertising.WinRT.UI"
    x:Name="pageRoot"
    x:Class="StudyTime_1.Page1"
    DataContext="{Binding DefaultViewModel, RelativeSource={RelativeSource Mode=Self}}"
    IsTabStop="false"
    mc:Ignorable="d" Loaded="pageRoot_Loaded" Background="Black"
 >



    <common:LayoutAwarePage.Resources>
        <Storyboard x:Name="page1Story">
            <PopInThemeAnimation  Storyboard.TargetName="quizMe" FromHorizontalOffset="-1000"/>
            <PopInThemeAnimation  Storyboard.TargetName="quizBuilder" FromHorizontalOffset="-1000"/>
            <PopInThemeAnimation  Storyboard.TargetName="studyCards" FromHorizontalOffset="1000"/>
            <PopInThemeAnimation  Storyboard.TargetName="cardBuilder" FromHorizontalOffset="1000"/>

        </Storyboard>
        <Style x:Key="OutAppBarButtonStyle1" TargetType="Button" BasedOn="{StaticResource AppBarButtonStyle}">
            <Setter Property="AutomationProperties.AutomationId" Value="OutAppBarButton"/>
            <Setter Property="AutomationProperties.Name" Value="Quiz Scores"/>
            <Setter Property="Content" Value="&#xE110;"/>
        </Style>
    </common:LayoutAwarePage.Resources>
    <!--<common:LayoutAwarePage.BottomAppBar>
        <AppBar Opacity="0.8" Background="#E50AB660">
            <Grid>
              
               
            </Grid>
        </AppBar>
    </common:LayoutAwarePage.BottomAppBar>-->


    <!--<UserControl.Resources>
        <Storyboard x:Name="page1Story">
            <PopInThemeAnimation  Storyboard.TargetName="quizMe" FromHorizontalOffset="-1000"/>
            <PopInThemeAnimation  Storyboard.TargetName="quizBuilder" FromHorizontalOffset="-1000"/>
            <PopInThemeAnimation  Storyboard.TargetName="studyCards" FromHorizontalOffset="-1000"/>
            <PopInThemeAnimation  Storyboard.TargetName="cardBuilder" FromHorizontalOffset="1000"/>
        </Storyboard>

    </UserControl.Resources>-->

    <!--
        This grid acts as a root panel for the page that defines two rows:
        * Row 0 contains the back button and page title
        * Row 1 contains the rest of the page layout
    -->


    <Grid Style="{StaticResource LayoutRootStyle}" Background="White">
        <Grid.RowDefinitions>
            <RowDefinition Height="140"/>
            <RowDefinition Height="*"/>
        </Grid.RowDefinitions>






        <VisualStateManager.VisualStateGroups>

            <!-- Visual states reflect the application's view state -->
            <VisualStateGroup x:Name="ApplicationViewStates">
                <VisualState x:Name="FullScreenLandscape"/>
                <VisualState x:Name="Filled"/>

                <!-- The entire page respects the narrower 100-pixel margin convention for portrait -->
                <VisualState x:Name="FullScreenPortrait"/>

                <!-- The back button and title have different styles when snapped -->
                <VisualState x:Name="Snapped"/>
            </VisualStateGroup>
        </VisualStateManager.VisualStateGroups>

        <!--<Grid>
            <cfo:CharmFlyout
           x:Name="cfoSettings"
           HeadingBackgroundBrush="#FF4E0000" Heading="UI Settings">
                <StackPanel>
                    <TextBlock
            FontSize="16">
                    	<Run Text="Setting A"/>
                    </TextBlock>
                    <TextBlock
            FontSize="16">
                    	<Run Text="Setting B"/>
                    </TextBlock>
                    <TextBlock
            FontSize="16">
                    	<Run Text="Setting C"/>
                    </TextBlock>
                    <Grid
            Background="#FF4E0000" HorizontalAlignment="Left">
                        <Button
               
                Content="View Sub-Settings" />
                    </Grid>
                </StackPanel>
            </cfo:CharmFlyout>
        </Grid>-->

        <!-- Back button and page title -->
        <Grid>
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="Auto"/>
                <ColumnDefinition Width="*"/>
            </Grid.ColumnDefinitions>
            <TextBlock x:Name="pageTitle" Text ="Study Time" Style="{StaticResource PageHeaderTextStyle}" Margin="21,0,923,9" Height="90" FontSize="72" Foreground="#FF3A9548" >
        		<Run/>
        		<LineBreak/>
            </TextBlock>
        </Grid>

        <Grid Margin="10,61,0,-8" x:Name="buttonGrid" Grid.Row="1">
            <!--<StackPanel HorizontalAlignment="Left" Height="707" Margin="-14,-2,-46,-127" VerticalAlignment="Top" Width="1421">
                <Rectangle Fill="#FF075C8D" HorizontalAlignment="Left" Height="auto"  Stroke="White" VerticalAlignment="Center" Width="1315.448" RenderTransformOrigin="0.5,0.5" UseLayoutRounding="False" d:LayoutRounding="Auto" Margin="3.274,0,0,0">
                    <Rectangle.RenderTransform>
                        <CompositeTransform SkewX="10"/>
                    </Rectangle.RenderTransform>
                </Rectangle>
            </StackPanel>-->

            <Button  Visibility="Collapsed" Content="Share" x:Name="Share_Copy" HorizontalAlignment="Center" VerticalAlignment="Center" BorderThickness="2" Height="71" Width="127" BorderBrush="{x:Null}" Opacity="0.995" FontSize="28"  Click="Share_Click" Margin="1149,488,-6,16" RenderTransformOrigin="0.84,0.483" />
            <Button Visibility="Collapsed" VerticalAlignment="Center" HorizontalAlignment="Center" x:Name="HELP" Content="HELP!" Height="79" Width="150" Background="{x:Null}" BorderBrush="{x:Null}" FontSize="28" Click="HELP_Click" Margin="-12,505,1132,23" />
            <StackPanel HorizontalAlignment="Left" Height="167" Margin="688,329,0,0" VerticalAlignment="Top" Width="245">
                <Image HorizontalAlignment="Center" Height="166" VerticalAlignment="Center" Width="203" Source="Logo1_150x150.png" NineGrid="0" Margin="8,0,8.286,0"/>
            </StackPanel>

            <ScrollViewer x:Name="imgScroll"
                          HorizontalAlignment="Center"
                          VerticalScrollMode="Disabled" 
                          HorizontalScrollMode="Enabled" 
                          VerticalScrollBarVisibility="Hidden" 
                          HorizontalScrollBarVisibility="Visible"
                          Visibility="Collapsed" 
                          Height="536"
                          Margin="0,-63,0,70"
                          VerticalAlignment="Center"
                          Width="1356" RenderTransformOrigin="0.5,0.5">
                
                 <Image x:Name="img" Height="468" Width="1972" Source="Images/helpST.png"/>
            </ScrollViewer>
             


            <Grid Margin="-8,-3,8,2" Background="White">
                <StackPanel HorizontalAlignment="Left" Height="78" Margin="-54,173,0,0" VerticalAlignment="Top" Width="446">
                    <Button Content="Study Cards" x:Name="studyCards" HorizontalAlignment="Center" VerticalAlignment="Center" Height="70" Width="267.575" RenderTransformOrigin="0.5,0.5" BorderThickness="4" Click="studyCards_Click" FontSize="25" UseLayoutRounding="False" d:LayoutRounding="Auto" Background="White" Foreground="Black" BorderBrush="#FF3A9548">
                        <Button.RenderTransform>
                            <CompositeTransform SkewX="10"/>
                        </Button.RenderTransform>
                    </Button>
                </StackPanel>
                <StackPanel HorizontalAlignment="Left" Height="78" Margin="-68,257,0,0" VerticalAlignment="Top" Width="446">
                    <Button Content="Study Card Builder" x:Name="cardBuilder"  HorizontalAlignment="Center" VerticalAlignment="Center" Height="70" Width="267.575" RenderTransformOrigin="0.5,0.5" BorderThickness="4" Click="cardBuilder_Click" FontSize="25" UseLayoutRounding="False" d:LayoutRounding="Auto" Background="White" Foreground="Black" BorderBrush="#FF3A9548">
                        <Button.RenderTransform>
                            <CompositeTransform SkewX="10"/>
                        </Button.RenderTransform>
                    </Button>
                </StackPanel>
                <StackPanel HorizontalAlignment="Left" Height="78" Margin="-26,341,0,0" VerticalAlignment="Top" Width="446">
                    <Button Content="Quiz Builder" x:Name="quizBuilder" HorizontalAlignment="Center" VerticalAlignment="Center" Height="70" Width="267.575" RenderTransformOrigin="0.5,0.5" BorderThickness="4" Click="quizBuilder_Click"  FontSize="25" UseLayoutRounding="False" d:LayoutRounding="Auto" Background="White" Foreground="Black" BorderBrush="#FF3A9548" >
                        <Button.RenderTransform>
                            <CompositeTransform SkewX="10"/>
                        </Button.RenderTransform>
                    </Button>
                </StackPanel>
                <StackPanel HorizontalAlignment="Left" Height="78" Margin="-55,430,0,0" VerticalAlignment="Top" Width="446">
                    <Button Content="Quiz Me" x:Name="quizMe" HorizontalAlignment="Center"  VerticalAlignment="Center" Height="70" Width="267.575" RenderTransformOrigin="0.5,0.5" BorderThickness="4" Click="quizMe_Click" FontSize="25" UseLayoutRounding="False" d:LayoutRounding="Auto" Background="White" Foreground="Black" BorderBrush="#FF3A9548">
                        <Button.RenderTransform>
                            <CompositeTransform SkewX="10"/>
                        </Button.RenderTransform>
                    </Button>
                </StackPanel>

                <!--<StackPanel HorizontalAlignment="Left" Height="50" Margin="965,391,0,0" VerticalAlignment="Top" Width="219">
                    <Button Content="Study Cards" x:Name="studyCards1" HorizontalAlignment="Center"  VerticalAlignment="Center" Height="46.429" Width="184.88" RenderTransformOrigin="0.5,0.5" BorderThickness="2" Click="studyCards_Click" BorderBrush="White" FontSize="25" UseLayoutRounding="False" d:LayoutRounding="Auto" Background="#FFE56C19">
                        <Button.RenderTransform>
                            <CompositeTransform SkewX="10"/>
                        </Button.RenderTransform>
                    </Button>
                </StackPanel>
                <StackPanel HorizontalAlignment="Left" Height="50" Margin="976,336,0,0" VerticalAlignment="Top" Width="219">
                    <Button Content="Study Card Builder" x:Name="cardBuilder1"  HorizontalAlignment="Center" VerticalAlignment="Center" Height="46.428" Width="184.881" RenderTransformOrigin="0.5,0.5" BorderThickness="2" Click="cardBuilder_Click" BorderBrush="White" FontSize="25" UseLayoutRounding="False" d:LayoutRounding="Auto" Background="#FFE56C19">
                        <Button.RenderTransform>
                            <CompositeTransform SkewX="10"/>
                        </Button.RenderTransform>
                    </Button>
                </StackPanel>-->
                <!--<StackPanel HorizontalAlignment="Left" Height="50" Margin="991,451,0,0" VerticalAlignment="Top" Width="219">
                    <Button Content="Quiz Builder" x:Name="quizBuilder1" HorizontalAlignment="Center"  VerticalAlignment="Center" Height="46.429" Width="184.88" RenderTransformOrigin="0.5,0.5" BorderThickness="2" Click="quizBuilder_Click" BorderBrush="White"  FontSize="25" UseLayoutRounding="False" d:LayoutRounding="Auto" Background="#FFE56C19" Margin="17.203,0" >
                        <Button.RenderTransform>
                            <CompositeTransform SkewX="10"/>
                        </Button.RenderTransform>
                    </Button
                </StackPanel>-->
            </Grid>
            <!--<Button x:Name="rmvAd" Content="X"  HorizontalAlignment="Center" Height="52" Margin="1158,-178,61,0" VerticalAlignment="Top" Width="51" FontSize="25" FontFamily="Segoe WP Semibold" Click="rmvAd_Click"/>-->
            <!--<UI:AdControl HorizontalAlignment="Center" Height="90" Margin="418,-172,124,0" VerticalAlignment="Top" Width="728" ApplicationId="1616c4fe-e431-49f8-9c4d-403fbf13f9e1" AdUnitId="103313" BorderBrush="White"/>-->



        </Grid>



    </Grid>

    <Page.BottomAppBar>
        <AppBar x:Name="bottomAppBar" Padding="10,0,10,0">
            <Grid>
                <StackPanel Orientation="Horizontal" HorizontalAlignment="Left">
                    <Button Name="share" Style="{StaticResource ShareAppBarButtonStyle}" Click="Share_Click"/>
                    <Button Name="manageDeck" Style="{StaticResource ManageAppBarButtonStyle}" Click="manageDeck_Click" />
                    <Button  Visibility="Collapsed" Style="{StaticResource AddAppBarButtonStyle}" />
                </StackPanel>
                <StackPanel Orientation="Horizontal" HorizontalAlignment="Right">
                    <Button Visibility="Collapsed" Style="{StaticResource RefreshAppBarButtonStyle}" />
                    <Button Name="Scores" Style="{StaticResource OutAppBarButtonStyle1}" Click="Scores_Click"  />
                    <Button Name="help" Style="{StaticResource HelpAppBarButtonStyle}" Click="HELP_Click"  />
                </StackPanel>
            </Grid>
        </AppBar>
    </Page.BottomAppBar>

</common:LayoutAwarePage>
